iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
Modern Web

新手友善園區-如何架設人生第一個網站系列 第 1

Day-1 從零開始認識網站:什麼是網站,它如何運作?

  • 分享至 

  • xImage
  •  

在這篇文章中,我們將從最基本的概念入手,探索網站的世界。如果你從未接觸過網站開發,沒關係!這裡是一個新手友善的園地,讓我們一起慢慢理解並開始這趟旅程。

什麼是網站?

網站是一組互相關聯的網頁和資源,通過網路提供給用戶使用。當你在瀏覽器中輸入網址時,網站的內容會從伺服器傳送到你的電腦上顯示。網站通常由以下幾個部分組成:
1.HTML(超文本標記語言):定義網站的結構和內容,例如標題、段落、圖像和鏈接。
2.CSS(層疊樣式表):用來設計和美化網站的外觀,包括顏色、字體和佈局。
3.JavaScript:讓網站具有互動性,如按鈕點擊、表單提交、動畫效果等。

網站的運作方式

當你在瀏覽器中輸入網址並按下 Enter 鍵時,實際上會發生以下幾個步驟:
1.請求發送:瀏覽器向伺服器發送一個請求,請求特定的網頁或資源。
2.伺服器處理:伺服器接收到請求後,會處理並返回所需的資源(如 HTML 文件、圖片)。
3.頁面顯示:瀏覽器接收到伺服器返回的資源後,將這些資源渲染成你所看到的網頁。

常見的技術

1.前端技術:前端技術是用來構建網站可見部分的技術。包括 HTML、CSS 和 JavaScript。這些技術負責網站的外觀和用戶互動。
2.後端技術:後端技術負責處理伺服器端的邏輯和數據。常見的後端技術有 Node.js、Python、Ruby 等。

開發環境介紹

在開始之前,你需要設置一些工具來進行網站開發:
1.編輯器:建議使用 Visual Studio Code,這是一個功能強大的代碼編輯器,支援多種語言和擴展。
2.版本控制:使用 Git 來管理你的代碼版本,GitHub 可以用來存儲和分享你的代碼。

在接下來的幾天裡,我們將逐步探索這些技術,從最基本的 HTML 開始,然後加入 CSS 和 JavaScript,最終我們會搭建出一個完整的網站。

準備好了嗎?讓我們開始這趟建站之旅吧!


下一篇
Day-2 前端 vs 後端:解密現代網站開發的雙引擎
系列文
新手友善園區-如何架設人生第一個網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言